.fei-button[theme-name='dark'] {
  --f-btn-bg-color: var(--fei-dark-bg);
  --f-btn-text-color: var(--fei-color-text-white);
  --f-btn-border-color: var(--fei-border-color-light-2);
  --f-btn-disabled-text-color: var(--fei-color-text-disabled);
  --f-btn-disabled-bg-color: var(--fei-dark-bg);
  --f-btn-disabled-border-color: var(--fei-border-color-light-2);

  --f-btn-hover-text-color: var(--fei-color-primary-light1);
  --f-btn-hover-bg-color: var(--fei-dark-bg);
  --f-btn-hover-border-color: var(--fei-color-primary-light1);

  &.is-background {
    --f-btn-text-color: var(--fei-color-text-default);
  }
  &.is-disabled,
  &.is-disabled:focus,
  &.is-disabled:hover,
  &[disabled],
  &[disabled]:focus,
  &[disabled]:hover {
    cursor: not-allowed;
    opacity: 0.85;
  }
}
